<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>combo</title>
		<link href="front/css/createActivity.css" rel="stylesheet"
			type="text/css" />
		<link href="combo/css/select.css" rel="stylesheet" type="text/css" />
		<link href="combo/css/map.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="front/js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="front/js/swfobject/swfobject.js"></script>
		<script type="text/javascript" src="lyd/LYD.core.js"></script>
		<script type="text/javascript" src="lyd/LYD.ajax.js"></script>
		<script type="text/javascript" src="front/js/createActivity.js"></script>
		<script type="text/javascript" src="combo/activity/combo.create.js"></script>
		<script type="text/javascript">
var imgCount = 0;
function displayImage (img){
	if(imgCount == 0){
		var loading= '<img id="img1" src="front/images/activity/loading.gif"  width="125" height="125" style="float: left; margin-right: 20px;"/>';
		$("#upload_view").html(loading);
		setTimeout(function(){
			var imgDom = '<img id="img1" src="uploads/'+img+'"  width="125" height="157" style="float: left; margin-right: 20px;"/>';
			
			$("#upload_view").html(imgDom);
		}, 5000);
		imgCount = imgCount + 1;
	}else if(imgCount ==1){
		var loading= '<img id="img2" src="front/images/activity/loading.gif"  width="125" height="125" style="float: left; margin-right: 20px;"/>';
		$("#upload_view").append(loading);
		setTimeout(function(){
			var imgDom = '<img src="uploads/'+img+'"  width="125" height="157" style="float: left; margin-right: 20px;"/>';
			
			$("#img2").remove();
			$("#upload_view").append(imgDom);
		}, 5000);
		imgCount = imgCount + 1;
	}
	else if(imgCount==2){
		var loading= '<img id="img3" src="front/images/activity/loading.gif"  width="125" height="125" style="float: left; margin-right: 20px;"/>';
		$("#upload_view").append(loading);
		setTimeout(function(){
			var imgDom = '<img src="uploads/'+img+'"  width="125" height="157" style="float: left; margin-right: 20px;"/>';
			$("#img3").remove();
			$("#upload_view").append(imgDom);
			imgCount = imgCount + 1;
			if(imgCount == 3 ){
				$("#upload_swf").hide();
			}
		}, 5000);
	}
	
}
swfobject.embedSWF("flash/MyUpload.swf", "upload_swf", "200", "24", "10.0.0", "front/js/swfobject/expressInstall.swf");

var CUSER = {
	uid : '',
	usertruename : '',
	provinces : '510000',
	city : '510100'
};
$(document).ready(function () {
	Activity.init();
});


</script>
	</head>

	<body>
		<!-- 导航 -->
		<!-- 地图查询坐标 -->

		<div class="map" id="activity_bg">
			<div class="activity_icon" id="activity_mapImage">

			</div>
		</div>

		<!-- 查询结束 -->
		<div id="top">
			<div class="width">
				<div class="logo"></div>
				<div class="top_hover"></div>
				<div class="account"></div>
			</div>
		</div>
		<!-- /导航结束 -->
		<div id="background">
			<div class="width">
				<div class="activity_main">
					<div class="ac_scroll">
						<div class="ac_main">
							<!-- 选择日期 -->
							<div class="date_main" id="date_all">
								<div class="date_main_single">
									<div class="date_select"></div>
									<div class="date_main_zhou">
										<div class="select" id="date_zhou">
											<div class="txt">
												活动周期：
											</div>
											<div class="single_active" value="date_short">
												短期
											</div>
											<div class="single" value="date_middle">
												中期
											</div>
											<div class="single" value="date_middleLong">
												中长期
											</div>
											<div class="single" value="date_long">
												长期
											</div>
											<div class="clear"></div>
										</div>
										<div class="time_border">
											<div class="time_border_left">
												<div class="time_border_right">
													<div class="time_border_middle"></div>
												</div>
												<div class="time_border_icon"></div>
											</div>
										</div>
									</div>
								</div>
								<div class="date_main_single">
									<div class="date_main_zhou">
										<div class="select">
											<div class="txt">
												活动日期：
											</div>
											<div class="single_active">
												单日活动
											</div>
											<div class="single">
												数日活动
											</div>
											<div class="clear"></div>
										</div>
										<div class="time_ri_scroll">
											<div class="ri_main">
												<div class="days3_main">
													<div class="days3" id="days3_lightOr">
														<div class="days3_normal">
															1
														</div>
														<div class="days3_light">
															2
														</div>
														<div class="days3_normal">
															3
														</div>
													</div>
													<div class="date_icon"></div>
												</div>
												<div class="days7_main">
													<div class="days7" id="days7_lightOr">
														<div class="days7_normal">
															1
														</div>
														<div class="days7_normal">
															2
														</div>
														<div class="days7_normal">
															3
														</div>
														<div class="days7_light">
															4
														</div>
														<div class="days7_normal">
															5
														</div>
														<div class="days7_normal">
															6
														</div>
														<div class="days7_normal">
															7
														</div>
													</div>
													<div class="date_icon"></div>
												</div>
												<div class="days15_main">
													<div class="days15" id="days15_lightOr">
														<div class="days15_normal">
															1
														</div>
														<div class="days15_normal">
															2
														</div>
														<div class="days15_normal">
															3
														</div>
														<div class="days15_normal">
															4
														</div>
														<div class="days15_normal">
															5
														</div>
														<div class="days15_normal">
															6
														</div>
														<div class="days15_normal">
															7
														</div>
														<div class="days15_light">
															8
														</div>
														<div class="days15_normal">
															9
														</div>
														<div class="days15_normal">
															10
														</div>
														<div class="days15_normal">
															11
														</div>
														<div class="days15_normal">
															12
														</div>
														<div class="days15_normal">
															13
														</div>
														<div class="days15_normal">
															14
														</div>
														<div class="days15_normal">
															15
														</div>
													</div>
													<div class="date_icon"></div>
												</div>
												<div class="days30_main">
													<div class="days30" id="days30_lightOr">
														<div class="days30_normal">
															1
														</div>
														<div class="days30_normal">
															2
														</div>
														<div class="days30_normal">
															3
														</div>
														<div class="days30_normal">
															4
														</div>
														<div class="days30_normal">
															5
														</div>
														<div class="days30_normal">
															6
														</div>
														<div class="days30_normal">
															7
														</div>
														<div class="days30_normal">
															8
														</div>
														<div class="days30_normal">
															9
														</div>
														<div class="days30_normal">
															10
														</div>
														<div class="days30_normal">
															11
														</div>
														<div class="days30_normal">
															12
														</div>
														<div class="days30_normal">
															13
														</div>
														<div class="days30_normal">
															14
														</div>
														<div class="days30_light">
															15
														</div>
														<div class="days30_normal">
															16
														</div>
														<div class="days30_normal">
															17
														</div>
														<div class="days30_normal">
															18
														</div>
														<div class="days30_normal">
															19
														</div>
														<div class="days30_normal">
															20
														</div>
														<div class="days30_normal">
															21
														</div>
														<div class="days30_normal">
															22
														</div>
														<div class="days30_normal">
															23
														</div>
														<div class="days30_normal">
															24
														</div>
														<div class="days30_normal">
															25
														</div>
														<div class="days30_normal">
															26
														</div>
														<div class="days30_normal">
															27
														</div>
														<div class="days30_normal">
															28
														</div>
														<div class="days30_normal">
															29
														</div>
														<div class="days30_normal">
															30
														</div>
													</div>
													<div class="date_icon"></div>
												</div>
											</div>
										</div>
										<div class="date_txt">
											<div>
												进度条上框选的为开始时间/结束时间
											</div>
											<div>
												前后分别为筹备时间与结束反馈。
											</div>
										</div>
									</div>
								</div>
								<div class="date_main_single">
									<div class="date_main_zhou">
										<div class="select">
											<div class="txt" style="margin-top: 4px;" number="10">
												活动时间：
											</div>
											<div class="clear" style="padding-bottom:5px;"></div>
											<div class="txt" style="margin-top: 4px;" number="10">
												开始时间：
											</div>
											<div class="input_bg" number="11">
												<input class="input_style" id="activity_beginHour" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" type="text">
											</div>
											<div class="txt" style="margin-top: 4px;" number="10">
												时
											</div>
											<div class="input_bg" number="11">
												<input class="input_style" id="activity_beginMin" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" type="text">
											</div>
											<div class="txt" style="margin-top: 4px;" number="10">
												分
											</div>
											<div class="clear" style="padding-top:5px;"></div>
											<div class="txt" style="margin-top: 4px;" number="10">
												结束时间：
											</div>
											<div class="input_bg" number="11" style="cursor: pointer;">
												<input class="input_style"  id="activity_endHour"  onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" type="text">
											</div>
											<div class="txt" style="margin-top: 4px;" number="10">
												时
											</div>
											<div class="input_bg" number="11" style="cursor: pointer;">
												<input class="input_style" id="activity_endMin" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" type="text">
											</div>
											<div class="txt" style="margin-top: 4px;" number="10">
												分
											</div>
											<!-- <div class="time_ex" number="12">
												例：13:00&mdash;&mdash;18:00
											</div> -->
											<!--<div class="txt" style="margin-top: 4px;">活动时间：</div>
									<div class="time_ex">
									开始时间:
									<div class="input_bg" number="11" style="cursor: pointer;">
									<input type="text" class="input_style" id="activity_beginHour" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/>
									</div>
									时
									<div class="input_bg" number="11" style="cursor: pointer;">
									<input type="text" class="input_style" id="activity_beginMin" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/>分</br>
									</div>
									</div>
									 结束时间:
									<div class="input_bg" number="11" style="cursor: pointer;">
									<input type="text" class="input_style" id="activity_endHour" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/>
									</div>
									时
											<div class="input_bg" number="11" style="cursor: pointer;">
											<input type="text" class="input_style" id="activity_endMin" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/>分<br />
											</div>
									例：13:00——18:00 -->
											<div class="clear"></div>
										</div>
									</div>
								</div>
								<div class="ac_next_button" onclick="Activity.acNext()"></div>
							</div>
							<!-- 选择日期结束 -->
							<!-- 完善信息 -->
							<div class="info_main" id="info_all">
								<div class="info_main_single">
									<div class="info_select"></div>
									<div class="info_txt">
										<div class="info_txt_div">
											活动名称：
										</div>
										<div class="info_input_bg">
											<input class="info_input_style" type="text"
												id="activity_title" />
										</div>
										<div class="clear"></div>
									</div>
									<div class="info_txt">
										<div class="info_txt_div">
											活动地点：
										</div>
										<div class="info_local">
											<div class="info_txt_div">
												省份：
											</div>
											<div class="info_input_bg_s" id="select_province">
												<input class="info_input_style_s" type="text"
													id="activity_province" />
											</div>
											<div class="info_txt_div">
												城市：
											</div>
											<div class="info_input_bg_s" id="select_city">
												<input class="info_input_style_s" type="text"
													id="activity_city" />
											</div>
											<div class="info_txt_div">
												地区：
											</div>
											<!--  	<div class="map_info"><button onclick="Activity.clickMapArea()">点击获取活动地图地区</button></div>-->
											<div class="info_input_bg_s" id="select_area">

												<!--  <input class="info_input_style_s" type="text" id="activity_area"/>-->
											</div>
											<div id="actPointId"></div>
											<div class="clear"></div>
											<div class="info_txt_div">
												详细地址：
											</div>
											<div class="info_input_bg">
												<input class="info_input_style" type="text"
													id="activity_streetDetail" />
											</div>
										</div>
										<div class="clear"></div>
									</div>
									<div class="info_txt">
										<div class="info_txt_div">
											活动海报：
										</div>
										<div class="info_ac_pic">
											<div id="upload_view" style="width: 500px">
												<img src="front/images/reg/demo/_ac.png" width="125"
													height="157" />
											</div>
											<div id="upload_kuang">
												<div class="info_ac_txt" id="upload_swf"
													style="float: left;">
													<span><a href="#">继续添加</a>
													</span>（可添加三张）
												</div>
											</div>
										</div>
										<div class="clear"></div>
									</div>
									<div class="info_txt">
										<div class="info_txt_div">
											活动规模：
										</div>
										<div class="buttons" id="activity_range">
											<div class="single_active" value="迷你">
												迷你
											</div>
											<div class="single" value="小型">
												小型
											</div>
											<div class="single" value="中型">
												中型
											</div>
											<div class="single" value="大型">
												大型
											</div>
											<div class="single" value="特大">
												特大
											</div>
										</div>
										<div class="clear"></div>
									</div>
									<div class="info_txt_class">
										<div class="info_txt_div">
											活动类型：
										</div>
										<div class="info_txt_class_input" id="select_tip">
										</div>

										<div class="clear"></div>
									</div>
									<div class="info_txt">
										<div class="info_txt_div">
											活动简介：
										</div>
										<div>
											<form name="form1" method="post" action="" id="form1">
												<label for="textarea"></label>
												<textarea name="textarea" cols="45" rows="5"
													class="info_txt_class_input_area" id="textarea"></textarea>
											</form>
										</div>
										<div class="clear"></div>
									</div>
									<div class="ac_back_button"></div>
									<div class="ac_creat_button"
										onclick="Activity.submitActivity()"></div>
								</div>
							</div>
							<!-- 完善信息结束 -->
							<!-- 邀请好友 -->
							<div class="friends_main" id="friends_all">
								<div class="friends_main_single">
									<div class="friends_select"></div>
									<div class="friends_select_say"></div>
								</div>
								<div class="friends_main_single">
									<div class="txt">
										好友
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/12312312.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>

									</div>
									<div class="pic">
										<img src="front/images/reg/demo/12312312.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/12312312.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/12312312.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>

									</div>
									<div class="pic">
										<img src="front/images/reg/demo/12312312.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/12312312.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/12312312.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/12312312.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/12312312.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/12312312.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/12312312.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/12312312.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>

									</div>
									<div class="clear"></div>
								</div>
								<div class="friends_main_single">
									<div class="txt">
										圈子
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/23421341.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/23421341.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/23421341.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/23421341.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/23421341.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/23421341.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/23421341.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/23421341.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/23421341.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="pic">
										<img src="front/images/reg/demo/23421341.png" width="60"
											height="60" />
										<div>
											好友
										</div>
										<div class="pic_mask"></div>
									</div>
									<div class="ac_yes_button"></div>
									<div class="clear"></div>
								</div>
							</div>
							<!-- 邀请好友结束 -->
						</div>
					</div>
					<div class="date_button"></div>
					<div class="info_button"></div>
					<div class="friends_button"></div>
					<div class="active_line"></div>
				</div>
				<div class="left_button">
					<div class="creat_button_active"></div>
				</div>
			</div>
		</div>
		<!-- 省选择选择 -->
		<div id="city_list" class="city_object">
			<div class="city_main">
				<div class="city_top">
					<div class="city_topic">
						选择你的城市
					</div>
					<div class="city_bubble">
						为已有地图的城市
					</div>
					<div class="city_block"></div>
				</div>
				<div class="cities">
					<c:forEach items="${provices}" var="p">
						<span code="${p.code}">${p.PROVINCESNAME}</span>
					</c:forEach>
					<p class="clear"></p>
				</div>
				<div class="cities_add">
					<span></span>
					<p class="clear"></p>
				</div>
			</div>
		</div>
		<!-- /城市选择结束 -->
		<!-- 标签选择选择 -->
		<div id="tip_list" class="city_object">
			<div class="tip_main">
				<div class="tip_top">
					<div class="tip_topic">
						选择你的标签
					</div>

					<div class="tip_block"></div>
				</div>
				<div class="tips">
					<c:forEach items="${tips}" var="t">
						<span code="${t.TIPID}">${t.TIPNAME}</span>
					</c:forEach>
					<p class="clear"></p>
				</div>
				<div class="tips_add">
					<span></span>
					<p class="clear"></p>
				</div>
			</div>
		</div>
		<!-- /标签选择结束 -->
		<div id="map_back"
			style="width: 1280px; height: 1000px; top: 0; left: 0; position: absolute; background: black; z-index: 2; display: none; opacity: 0.8"></div>
	</body>
</html>
